<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <link href="../static/img/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>flv.js demo</title>
    <link href="https://www.layuicdn.com/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="https://www.layuicdn.com/layui/layui.all.js"></script>
    <script src="https://www.layuicdn.com/layui/layui.js"></script>
    <script src="../static/js/index/index.js"></script>
    <link href="../static/css/index/index.css" rel="stylesheet">
    <script src="../static/js/flv.js/flv.min.js"></script>
</head>
<body style="text-align: center; margin: auto">
<div class="biggest">
    <div class="mainContainer" lay-templateid="TPL_layout">
        <video autoplay class="centeredVideo" controls height="720" id="videoElement" muted width="960">
            你的浏览器太老了，不支持HTML5视频。
        </video>
    </div>
    <div class="target">
        <div class="layui-form-item">
            <label class="layui-form-label">输入RTMP地址</label>
            <div class="layui-input-block">
                <label>
                    <input autocomplete="off" class="layui-input" id="rtmp" lay-verify="required" name="rtmp"
                           placeholder="请输入RTMP地址"
                           required type="text" value="rtmp://58.200.131.2:1935/livetv/cctv1">
                </label>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" id="submit" lay-filter="submit" lay-submit onclick="loading()">加载播放</button>
                <!--                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
            </div>
        </div>
    </div>
</div>
</body>
</html>

